<template>
    <div class="container">
        <div class="flex justify-center items-center py-5 px-[5px]">
            <div>
                <el-image :src="MessageIcon" style="width: 68px; height: 17px" />
                <span class="mx-1"> | </span>
            </div>
            <div class="flex-1 text truncate">店铺上新，欢迎选购！！优惠多多，全… ></div>
        </div>
    </div>
</template>
<script lang="ts" setup>
import type { PropType } from 'vue'
import type options from './options'
import MessageIcon from '@/assets/images/shop-message.png'
type OptionsType = ReturnType<typeof options>
defineProps({
    content: {
        type: Object as PropType<OptionsType['content']>,
        default: () => ({})
    },
    styles: {
        type: Object as PropType<OptionsType['styles']>,
        default: () => ({})
    }
})
</script>

<style lang="scss" scoped>
.container {
    .text {
        font-size: 14px;
        color: #333;
        text-align: center;
    }
}
</style>
